import './assets/main.css'

import { createApp } from 'vue'
import router from './router'
import store from '@/stores/index'
import { directive } from '@/directive'
import other from '@/utils/other'
import { i18n } from '@/i18n'
// element plus （注：已改为自动按需引入）
// import ElementPlus from 'element-plus'

import App from './App.vue'

// 动画库
import 'animate.css'
import '@/theme/index.scss'

// 示例
async function bootstrap() {
  const app = createApp(App)

  // 状态机
  app.use(store)

  // 指令
  directive(app)

  // svg
  other.elSvg(app)

  // 基本方式 多语言
  app.use(i18n)

  // // 异步案例：语言文件可能从服务器端获取
  // await setupI18n(app);

  // 路由
  app.use(router)

  // element plus （注：已改为自动按需引入）
  // app.use(ElementPlus)

  // main
  app.mount('#app')
}

bootstrap()
